<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML1.0Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"/>
    <title>页面内容框架</title>
    <style type="text/css">
        </style>
</head>
<body>
        <div id="containerDiv">
        <div id="bannerDiv"></div>
        <div id="navigationDiv"></div>
        <div id="foucsDiv">
              <div id="leftDiv"></div>
              <div id="rightDiv"></div>
        </div>
        <div class="clearBoth"></div><!--清除前后浮动对后面元素的影响-->
        <div id="contentDiv">
            <div id="content1"></div>
            <div id="content2"></div>
            <div id="content3"></div>
        </div>
        <div class="clearBoth"></div>
        <div id="footerDiv"></div>
        </div>


</body>
</html>

<style type="text/css">
    body,div{
        margin:0px;
        padding:0px;
    }
    #containerDiv{
        margin:0 auto;
        width:1000px;
        height:750px;
        background-color:#CCC;
    }
    #bannerDiv{
        width:100%;
        height:100px;
        background-color:#BBB;
    }
    #navigationDiv{
        width:100%;
        height:50px;
        background-color:#888;
    }
    #foucsDiv{
        width:100%;
        height:300px;
        background-color:#EEE;
        padding:4px 0px;
    }
    #contentDiv{
        width:100%;
        height:200px;
        background-color:#999;
        padding-top:3px 0px;
    }
    #footerDiv{
        width:100%;
        heigth:90px;
        background-color:#BBB;
        margin-top:3px;
    }
    #leftDiv{
        width:100%;
        height:99%;
        background-color:#CCC;
        float:left;
    }
    #rightDiv{
        width:39%;
        heigth:99%;
        background-color:#CCC;
        float:right;
    }
    #content1{
        width:330px;
        height:98%;
        background-color:#CCC;
        float:left;
    }
    #content2{
        width:330px;
        height:98%;
        background-color:#CCC;
        margin-left:4px;
    }
    #content3{
        width:330px;
        height:98%;
        background-color:#CCC;
        float:left;
        margin-left:4px;
    }
    .clearBoth{
        clear:both;
    }
</style>